body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, input, textarea, keygen, select, button {
    font-family: Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', STHeiti, '华文细黑', sans-serif;
}

body {
    background-color: #ecf0f5;
}

input, select, textarea, button, a {
    /*-webkit-appearance: none;*/
}

* {
    outline: none !important;
}

/**scroll*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    /*app-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
    border-radius: 1em;
    background-color: rgba(0, 0, 0, 0.08);
}

::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, 0.22);
}

/** =========== OverWrites ============= **/
.input-group .input-group-addon {
    background-color: #eee;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-right: 0;
    }
}

.label {
    padding: .1em .3em;
}

.modal-body {
    max-height: 500px;
    overflow: auto;
}

/**  tip  **/
.toptip {
    position: fixed;
    display: block;
    width: 100%;
    top: 10px;
    z-index: 3000;
}

.toptip .toptip-content {
    display: block;
    width: 250px;
    margin: auto;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(68, 68, 68, 0.34);
}

.toptip-success .toptip-content {
    background-color: #449d44;
    color: #ffffff;
}

.toptip-info .toptip-content {
    background-color: #31b0d5;
    color: #ffffff;
}

.toptip-warning .toptip-content {
    background-color: #ec971f;
    color: #ffffff;
}

.toptip-danger .toptip-content {
    background-color: #c9302c;
    color: #ffffff;
}